<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page session="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="<c:url value="/resources/css/style.css" />" type="text/css">

<title>About</title>
</head>
<body>
<div class="wrapper">

<!-- --------------------------------------------------------------------------- -->
<jsp:include page="templates/banner.jsp"></jsp:include>
<!-- --------------------------------------------------------------------------- -->

		<div class="content">
			<div class="main">
			 <div class="about-info">
				<h2>About this web app</h2>
				<p>This blog web application is running on top of the Google App Engine infrastructure. It is implemented by the following technologies:</p>
				<ul>
				  <li>Spring MVC</li>
				  <li>Spring 3</li>
				  <li>Spring Security</li>
				  <li>JPA 1.0</li>
				  <li>CSS</li>
				  <li>Jquery</li>
				</ul>
				<p>The UI part also used some new features from the css3 specification. 
				 So for better experience, you can use browsers which support css3 such as Firefox,
				 Chrome and Safari.</p>
				<p>If you are interested in this app, you can access the source code
				 from the this <a href="http://code.google.com/p/liyusblog/source/checkout">link</a>, the code is a little bit messy currently. I am planning to 
				 rebuild it by Maven and move it to GitHub. Besides, the implementation of Google engine JPA is different from the standard JPA, so the JPA code 
				 may seem weird to you.</p>
				</div>
			</div>

			<div class="sidebar">
				<div class="panel latest-blogs-panel">
          <h4 class="panel-title">Latest Blogs</h4>
          <ul>
            <c:forEach items="${blogs}" var="blog">
              <li><a href="<c:url value="/blogs/${blog.id}"/>">${blog.title}</a></li>
            </c:forEach>
          </ul>     
        </div>
			</div>
		</div>

<!-- --------------------------------------------------------------------------- -->
<jsp:include page="templates/footer.jsp"></jsp:include>
<!-- --------------------------------------------------------------------------- -->

</div>
</body>
</html>
